<div style="background: sandybrown">
  这是父组件A的其他html内容
  <h4>
    用了两个app-ng-view-child
  </h4>
</div>

<app-ng-view-child [data3]="data1" [data4]="data2">
  <div class="header">
    <p> 这是在父组件中，子组件通过select=".header"选择的内容</p>
  </div>
  <div class="footer"> select=".footer"</div>
</app-ng-view-child>

<app-ng-view-child [data3]="data1" [data4]="data2">
  <div class="header">
    <p> 这是在父组件中，子组件通过select=".header"选择的内容</p>
  </div>
  <div class="footer">
    select=".footer",点击按钮可以动态添加投影内容
    <button (click)="isAdd=!isAdd">clickHere</button>
  </div>

  <ng-container ngProjectAs=".footer" *ngIf="isAdd">
    <div  style="color:red;font-size:16px">动态添加投影内容</div>
  </ng-container>
</app-ng-view-child>
<h2>ngOnChanges</h2>
<button (click)="adfhdaf()">test ngOnChanges1</button>
<button (click)="gsdg()">test ngOnChanges2</button>
<p style="color:red;font-size:16px">
  组件内无论有多少@Input(),任何一个发生变化，都会执行ngOnChanges()函数
</p>